<%@ page pageEncoding='UTF-8'%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set var="contextPath" value="#request.get('javax.servlet.forward.context_path')" scope="request" />
<!DOCTYPE html>
<head>
    <title>Assistant Details</title>
    <%-- header --%>
    <jsp:include page="/WEB-INF/content/common/Header.jsp" flush="true"/>
    <script src="${contextPath}/js/jquery/jquery.validate.js"></script>
    <script src="${contextPath}/js/assistant/assistant.js"></script>
</head>
<body class="metro view">
	<%-- tob-bar --%>
    <jsp:include page="/WEB-INF/content/common/TopBar.jsp" flush="true"/>
       	
	<div id="main-container" class="body-wrapper">
        <%-- tob-container --%>
    	<jsp:include page="/WEB-INF/content/common/TopContainer.jsp" flush="true"/>
        
    	<div id="body-container">
        	<div id="assistant-detail-container" class="detail-container">
        		<%-- header-container --%>
        		<s:set var="mode" value="'details'"/>
    			<jsp:include page="/WEB-INF/content/assistant/AssistantMenuContainer.jsp" flush="true"/>
    			
    			<%-- banner-container --%>
                
                <div id="assistant-info-show-container" style="border:none">
                
                	<div class="main-detail-tile-container tile quadro triple-vertical no-link" style="border:none">
                    	<legend>
                        	Assistant Details ${guiAssistant.admin ? "- Administrator" : ""}
                            <div class="btn-edit-login place-right">
                                <a href="${contextPath}/userlogin/edit?id=${guiAssistant.userId}">       
                                        <label class="fg-orange">Edit Login</label>
                                </a>
                    		</div>
                        </legend>
                        
                    	<div class="detail-inner-tile">
	               				<label class="fg-gray">Name</label>
	               				<div class="subheader fg-cobalt">${guiAssistant.name}</div>
	               		</div>
                        <br/>                       
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Qualification</label>
	               				<div class="subheader-secondary fg-cobalt">${guiAssistant.qualifications}</div>
	               		</div>
                        <%--<div class="detail-inner-tile place-right">
	               				<label class="fg-gray">Type</label>
	               				<div class="subheader-secondary fg-cobalt">Assistant</div>
	               		</div>--%>
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Others</label>
	               				<div class="subheader-secondary fg-cobalt">${guiAssistant.others}</div>
	               		</div>
	 					<br clear="all"/>                  
                    </div>
                    
                    <div class="tile double triple-vertical fg-white user-meta-info-container tile-right no-link" style="padding:0 20px; background: transparent;">
                		<legend style="padding-top:20px">Contact Details</legend>
                         <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Telephone</label>
	               				<div class="subheader-secondary fg-black">${guiAssistant.contact.telNo}</div>
	               		</div>
                        <div class="detail-inner-tile place-left">
	               				<label class="fg-gray">Address</label>
	               				<div class="subheader-secondary fg-cobalt">${guiAssistant.contact.address}</div>
	               		</div>
                	</div>
                    	
                </div>
        
        	</div>
    	</div>    
        
        <%-- bottom-container --%>
    	<jsp:include page="/WEB-INF/content/common/BottomContainer.jsp" flush="true"/>
        
	</div>
    
    <%-- footer-container --%>
    <jsp:include page="/WEB-INF/content/common/FooterContainer.jsp" flush="true"/>
    
</body>
</html>








